<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			h1,p{
				text-align: center;
			}
		</style>
	</head>
	<body>
		<select onchange="changeColor()" id="colorSel">
			<option value="1">样式风格1</option>
			<option value="2">样式风格2</option>
			<option value="3">样式风格3</option>
		</select>
		
		<h1 >李白《行路难•其一》</h1>
		<p>
			金樽清酒斗十千，玉盘珍羞直万钱。<br /> 
			停杯投箸不能食，拔剑四顾心茫然。<br /> 
			欲渡黄河冰塞川，将登太行雪满山。<br /> 
			闲来垂钓碧溪上，忽复乘舟梦日边。<br /> 
			行路难！行路难！多歧路，今安在？<br /> 
			长风破浪会有时，直挂云帆济沧海。<br /> 
		</p> 
		
		<script type="text/javascript">
			function changeColor()
			{
				alert("选中了"+colorSel.value);
				if(colorSel.value=="1")
				{
					document.body.style.background="rgb(255,0,0)";
					document.body.style.color="rgb(0,255,0)";
				}
				if(colorSel.value=="2")
				{
					document.body.style.background="rgb(0,255,0)";
					document.body.style.color="rgb(0,0,255)";
				}
				if(colorSel.value=="3")
				{
					document.body.style.background="rgb(0,0,255)";
					document.body.style.color="rgb(255,0,0)";
				}
			}
		</script>
	</body>
</html>